<template>
	<div class="content">
		<ul>
			<li v-for="item of orderdList" :key='item.id'>
				<div class="message">
					<span class="null"></span>
					<span class="hostle">{{item.title}}</span>
					<span class="state">{{item.subtype}}</span>
				</div>
				<div class="orderMain">
					<p class="orderNum">{{item.genres}}</p>
					<p class="orderTime">使用时间：<span class="orderDate">{{item.year}}至{{item.year}}</span></p>
					<p class="orderMoney">总价：￥<span class="orderMon">{{item.rating.average}}</span></p>
				</div>
				<div class="orderSend">
					<span class="orderSe">再次预定</span>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
export default{
	data(){
		return{
			orderdList:[]
		}
	},
	created(){
		fetch('/daxun/douban?start=21&count=10').then(res => res.json())
      .then(data => {
        console.log(data)
        this.orderdList = data
      })
	}
}
</script>

<style>
</style>